
  <div class="modal fade" id="profilePicModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
        
           <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Upload Profile Pic</h4>
          </div>
           <div class="modal-body">
          
				<form method="POST" action="uploadProfilePic" enctype="multipart/form-data"> 
					
					<h4>Select File</h4>
					 <input type="file" name="file" accept="image/x-png, image/gif, image/jpeg"><br /> 
					  
        			  <div class="modal-footer">
		                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							
							<input type="submit" value="Save Changes"  class="btn btn-primary"/>
					    </div>
				</form>
				</div>
         <!--  Test Form End  -->
    		</div>
      </div>
    </div>
    
    
    
    <!-- START MODAL WINDOWS for Client Details  -->
    <div class = "modal fade" id = "edit" role = "dialog">
    <div class = "modal-dialog">
        <div class = "modal-content">
            <div class = "modal-header">
                <h>Edit Contact</h>
            </div>
            <div class = "modal-body ">
                   
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Fund ID: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "1234567890" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Fund Management: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "Peter's Chocolate Factory" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Fund Management: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "Peter's Chocolate Factory" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Address: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "1 Santa Street, North Pole" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                     <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">City/State: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "city" name = "city" placeholder = "North, Pole" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Postal Code: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "postalCode" placeholder = "000000" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Email: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "postalCode" placeholder = "ihateyahoo@yahoo.com" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Launch Date: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "postalCode" placeholder = "99/99/9999" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Domicile </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "Antartica" placeholder = "Antartica" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <div class = "col-md-10 col-md-offset-1 text-center">
                                <button type="button" class="btn btn-labeled btn-primary">
                                    <span class="btn-label"><i class="glyphicon glyphicon-arrow-up"></i></span>Edit Details</button>
                            </div>
                        </div>
                    </div>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>

        </div>
    </div>
</div>

<div class = "modal fade" id = "add" role = "dialog">
    <div class = "modal-dialog">
        <div class = "modal-content">
            <div class = "modal-header">
                <h>Add Fund</h>
            </div>
            <div class = "modal-body">
                <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Fund ID: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "Enter Fund ID" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Fund Management: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "Enter Fund Management" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Fund Name: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "Enter Fund Name" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Address: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "address" name = "address" placeholder = "Enter Address" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                     <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">City/State: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "city" name = "city" placeholder = "Enter City/State" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Postal Code: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "postalCode" placeholder = "Enter Postal Code:" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Email: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "postalCode" placeholder = "Enter Email:" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Launch Date: </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "postalCode" placeholder = "Enter Launch Date:" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <label class = "col-sm-3 col-md-3 control-label text-right" for = "textinput">Domicile </label>
                            <div class = "col-sm-9 col-md-9">
                                <input id = "postalCode" name = "Antartica" placeholder = "Enter Domicile:" class = "form-control input-md" type = "text">
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "form-group">
                            <div class = "col-md-12 text-center">
                                <button type="button" class="btn btn-labeled btn-primary">
                                    <span class="btn-label"><i class="glyphicon glyphicon-plus"></i></span>Add Contact</button>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>

        </div>
    </div>
</div>
<!-- END MODAL WINDOWS -->
    
    
    <!-- Modal Report -->
    <div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
           <!--  True upload form -->
           <!--  AM Start from here content from FileUpload.jsp check in notepad++ -->
          
          <!--  Upload Form End  -->
         
          <!-- Test UI form  I am Done JB -->
           <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Add Report</h4>
          </div>
           <div class="modal-body">
          
				<form method="POST" action="upload" enctype="multipart/form-data"> 
					<h4> Category </h4>
					    <select name = "category" id='reportCategory' class="form-control select1">
                            <option value="0">Select</option>
                            <option value="pl">P&L Summary</option>
                            <option value="risk">Risk Report</option>
                            <option value="cash">Cash Report</option>
                            <option value="recon">Recon Report</option>
                            <option value="acct">Accounting</option>
                            <option value="aging">Aging</option>
                            <option value="investor">Investor Report</option>
                            <option value="poscp">Positions by Counterparty</option>
                            <option value="posprd">Positions by Product</option>
                            <option value="trade">Trade Report</option>
                          </select>
					<br /> 
					<h4>Group </h4> 
					 <select name ="groupId" class="form-control" id="reportGroupId">
	                        
	                        <option value="0">Select</option>
                            
	                          <!-- ko foreach : groupList -->
	                    		
	                    		<option   data-bind="text : groupName , value : groupId " ></option>
	                    		
	                    	<!-- /ko -->
                    	</select>
					
					<br /> 
					<h4>Select File</h4>
					 <input type="file" name="file"><br /> 
					  
        			  <div class="modal-footer">
		                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							
							<input type="submit" value="Save Changes"  class="btn btn-primary"/>
					    </div>
				</form>
				</div>
         <!--  Test Form End  -->
    		</div>
      </div>
    </div>
<!-- Report Range model -->



<!-- Secure Location Modal Report -->
    <div class="modal fade" id="secureGatewayModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
           <!--  True upload form -->
           <!--  AM Start from here content from FileUpload.jsp check in notepad++ -->
          
          <!--  Upload Form End  -->
         
          <!-- Test UI form  I am Done JB -->
           <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Send to secure gateway</h4>
          </div>
           <div class="modal-body">
          
				<form id="secureGatewayModalForm" enctype="multipart/form-data"> 
					<h4> Category </h4>
					    <select name = "category" id='reportCategory' class="form-control select1">
                            <option value="0">Select</option>
                            <option value="pl">P&L Summary</option>
                            <option value="risk">Risk Report</option>
                            <option value="cash">Cash Report</option>
                            <option value="recon">Recon Report</option>
                            <option value="acct">Accounting</option>
                            <option value="aging">Aging</option>
                            <option value="investor">Investor Report</option>
                            <option value="poscp">Positions by Counterparty</option>
                            <option value="posprd">Positions by Product</option>
                            <option value="trade">Trade Report</option>
                          </select>
					<br /> 
					<h4>Client </h4> 
					 <select name ="clientId" class="form-control" id="clientId">
	                        
	                        <option value="0">Select</option>
	                        <option value="citi">CitiBank</option>
	                        <option value="usb">USB</option>
	                        <option value="ms">Morgan Stanley</option>
                            
                    	</select>
					
					<br /> 
					<h4>Select File</h4>
					 <input type="file" name="file"><br /> 
					  
        			  <div class="modal-footer">
		                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							
							<input type="submit" value="Save Changes"  class="btn btn-primary"/>
					    </div>
				</form>
				</div>
         <!--  Test Form End  -->
    		</div>
      </div>
    </div>

    
 <!-- Upload CSV import for Trade monitor - Start -->
 <div class="modal fade" id="uploadCSVModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
        
           <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Upload CSV</h4>
          </div>
           <div class="modal-body">
          
				<form id="tradeprocess" method="POST"  enctype="multipart/form-data"> 
					
					<h4>Select File</h4>
					 <input type="file" name="file" accept="image/x-png, image/gif, image/jpeg"><br /> 
					  
        			  <div class="modal-footer">
		                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							
							<input type="submit" value="Upload"  class="btn btn-primary"/>
					    </div>
				</form>
				</div>
         <!--  Test Form End  -->
    		</div>
      </div>
    </div>
 
 <!-- End -->
 
  <!-- Upload CSV import for Trade monitor - Start -->
 <div class="modal fade" id="importFieldsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
        
           <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Import Field Mappings </h4>
          </div>
           <div class="modal-body">
          
				<form method="POST" id="ajaxform" enctype="multipart/form-data"> 
					
					<h4>Select File</h4>
					 <input type="file" name="file" accept="image/x-png, image/gif, image/jpeg"><br /> 
					  
        			  <div class="modal-footer">
		                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							
							<input type="submit" value="Import"  id="import-submit" class="btn btn-primary"/>
					    </div>
				</form>
				</div>
         <!--  Test Form End  -->
    		</div>
      </div>
    </div>

 <!-- Upload CSV import for Validation Rule - Start -->
 <div class="modal fade" id="uploadRuleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
        
           <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Upload CSV</h4>
          </div>
           <div class="modal-body">
          
				<form id="uploadruleform" method="POST"  enctype="multipart/form-data"> 
					
					<h4>Select File</h4>
					 <input type="file" name="file" accept="image/x-png, image/gif, image/jpeg"><br /> 
					  
        			  <div class="modal-footer">
		                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							
							<input type="submit" value="Upload"  id= "ruleupload" class="btn btn-primary"/>
					    </div>
				</form>
				</div>
         <!--   Form End  -->
    		</div>
      </div>
    </div>
    <!-- Upload CSV import for Validation Rule - End -->
    
    <!-- Send Notification form for Filke Monitor -->
    <div class="modal fade" id="notificationModal" tabindex="-1"
	role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">Send Notification</h4>
			</div>
			<div class="modal-body">
				<form id="notificationModalForm" role="form">
					<div class="form-group">
						<label for="notificationMessage">Message</label> <input
							type="textarea" class="form-control" id="notificationMessage"
							name="notificationMessage" placeholder="Message" /> <input
							type="hidden" id="selectedBatchId" name="selectedBatchId" />
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="submit" id="sendNotificationButton"
							class="btn btn-primary">Notify</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

 <script type="text/javascript">


        $( '#ajaxform' )
        .submit( function( e ) {
          $.ajax( {
            url: 'fileuploaddownload/importfieldmappings',
            type: 'POST',
            data: new FormData( this ),
            processData: false,
            contentType: false,
            'success': function(data, response){
          	  
                $('#importFieldsModal').modal('hide');
                console.log(response);
                alert("Successfully imported mappings");
      		}            
          } );
          e.preventDefault();
        } );

        //---------------- Upload to secure location -------//
          $( '#secureGatewayModalForm' )
        .submit( function( e ) {
          $.ajax( {
            url: 'fileuploaddownload/uploadsecurefile',
            type: 'POST',
            data: new FormData( this ),
            processData: false,
            contentType: false,
            'success': function(data, response){
          	  
                $('#secureGatewayModal').modal('hide');
                console.log(response);
                alert("Successfully sent the file to secure location");
      		}            
          } );
          e.preventDefault();
        } );

          //---------------- Upload to secure location -------  
        
 $( '#uploadruleform' )
  .submit( function( e ) {
    $.ajax( {
      url: 'fileuploaddownload/importValidationRule',
      type: 'POST',
      data: new FormData( this ),
      processData: false,
      contentType: false,
      'success': function(data){
    	  
          $('#uploadRuleModal').modal('hide');
          alert(data.message);
		}            
    } );
    e.preventDefault();
  } );
 $( '#tradeprocess' )
 .submit( function( e ) {
   $.ajax( {
     url: 'fileuploaddownload/csvupload',
     type: 'POST',
     data: new FormData( this ),
     processData: false,
     contentType: false,
     'success': function(data){
   	  
         $('#uploadCSVModal').modal('hide');
         alert(data.message);
		}            
   } );
   e.preventDefault();
 } );
 </script>
 <!-- End -->